/* Element Plus主题变量 */
:root {
    --el-color-primary: #5c61e5 !important;
    --el-color-success: #67c23a;
    --el-color-warning: #e6a23c;
    --el-color-danger: #f56c6c;
    --el-color-error: #f56c6c;
    --el-color-info: #909399;
    
  
    --el-color-primary-light-3: #898de9; 
    --el-color-primary-light-5: #b5b7f0; 
    --el-color-primary-light-7: #e2e2f8; 
    --el-color-primary-light-8: #f0f0fc; 
    --el-color-primary-light-9: #f8f8fe;
  

    --el-menu-active-color: #fff !important;
    --el-menu-text-color: #fff !important;
    --el-menu-bg-color: var(--el-color-primary) !important;
  
    
  
    /* 可根据需要添加更多自定义变量 */
  }
  
  /* 暗色模式下的主题 */
  .dark {
    --el-color-primary: #5c61e5;
    --el-color-success: #67c23a;
    --el-color-warning: #e6a23c;
    --el-color-danger: #f56c6c;
    --el-color-error: #f56c6c;
    --el-color-info: #909399;
  
  
    --el-color-primary-dark-2: #4a4fd8;
    --el-color-primary-dark-3: #3f44c7; 
    --el-color-primary-dark-5: #2e32a8;
    --el-color-primary-dark-7: #1e2185;
    --el-color-primary-dark-9: #0f1153;
  }
  .el-button{
    border: none !important;
    img{
      width: 20px;
      height: 20px;
    }
  }
  .vc-button{
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 34px;
    .image{
      width: 18px;
      height: 18px;
      object-fit: contain;
    }
    span{
      font-size: var(--font-size-4xs);
      line-height: 11px;
      height: 11px;
    }
    background-color: var(--color-white);
    border-radius: 4px;

    &.isActive{
      background-color: var(--el-color-primary);
      color: #fff;
    }

  }


  .el-menu{
    .el-menu-item{
      border-bottom:none !important;
      font-size: var(--font-size-xxs) !important;
      &:hover{
        background-color: transparent !important;
        color: #fff !important;
      }
      &.is-active{
        background-color: var(--el-color-primary) !important;
        color: #fff !important;
      }
    }
    border-bottom: none !important;
  }
  
  
  
  
  .el-drawer{
    background-color: var(--el-color-primary-light-9);
    &.ltr{
      border-top-right-radius: var(--border-radius);
      border-bottom-right-radius: var(--border-radius);
    }
    &.rtl{
      border-top-left-radius: var(--border-radius);
      border-bottom-left-radius: var(--border-radius);
    }
    .el-drawer__header{
      margin-bottom: 0;
      padding: 10px;
    }
    .el-drawer__body{
      padding: 0px 20px;
    }
  }
  
  .el-tabs{
    .el-tabs__nav-wrap::after{
      display: none;
    }
    .el-tabs__item{
      color: var(--color-2627);
      font-size: var(--font-size-lg);
      font-weight: normal;
      &.is-active{
        font-weight: var(--font-weight-bold);
        color: var(--color-2627);
      }
      &.hover{
        color:var(--el-color-primary)
      }
    }
  
  }
  
  .el-radio{
    background: var(--color-white);
    .el-radio__inner{
        display: none;
    }
    &.is-checked{
      background-color: var(--el-color-primary);
      .el-radio__label{
        color: #fff;
      }  
    }
    margin-right: 20px;
  }
  .el-radio-group{
    .el-radio-button__inner{
      border: none;
      box-shadow: none;
    }
  }
  
  .el-popover{
    padding: 0px;
    border: none;
  }